//全局的主题样式

//-----------颜色------------

//风格颜色  （主色,文字不使用,小面积使用,用于需要突出的信息栏、按钮和icon）
$styleColor: #21a1eb;

//金钱颜色
$coinColor: #ffcc28;


//主要显示字体颜色  （用于导航栏、标签栏等重要文字信息及重要文本颜色）
$primary-text-color: #777;

//nav-view字体颜色
$secondary-test-color: #666;

//标题等重要文字
$universally-text-color: #333;

//列表-背景通用颜色  （内容条、弹出窗口等底色,部分情况用于突显文字信息）
$list-background-color: #fff;

//淡蓝色   （辅助色,少量较重要信息标记或内容选中）
$assistant-color: #ecf8ff;

//默认字体颜色   （可编辑文本、未选状态文字、图标、提醒内容等次级文本信息）
$disabled-color: #a0a0a0;
$disabled-background:#E8E8E8;

//边框通用颜色   （分隔线、边框颜色）
$universally-border-color: #cfcfd2;

//list card （分隔线，较浅）
$light-border-color: #e5e5e5;

//容器-背景通用颜色   （空白区域底色）
$universally-background-color: #f7f7f7;


//失败-颜色   （未读文字图标、未显示信息数量(例:名片详情)）
$fail-color: #fc4b42;
$fail-background:#fff3f2;//新增

//成功-颜色  （通过文字、图标）
$success-color: #6bc04b;
$success-background:#DEF3D5;//新增


//-----------字体------------
//重要-字体
$font-primary-large: 17px;
$font-primary-normal: 15px;

//次要-字体
$font-secondary-large: 12px;
$font-secondary-normal: 10px;

//弹窗-字体
$font-pop-large: 16px;
$font-pop-normal: 14px;

//列表可扩展图标
$list-right-icon: 11px;

//tab图标下文字大小：
$tab-font-size: 9px;


//-------layout--------

//筛选框高度----导航栏下导航
$list-filter-height: 44px;

//个别列表大块
$list-big-height: 100px;

//小标题
$list-little-title-height: 35px;


//列表常规高度
$list-normal-height: 53px;

//按钮高度
$btn-height: 50px;

//tab底部栏高度
$tab-height: 49px;


//列表内容块之间间距
$list-linespacing-height: 10px;

//按钮与按钮之间上下间距 or 内容块与按钮间间距
$list-btnspacing-height: 15px;


//屏幕左右与内容间距
$screen-padding-horizontal: 20px;

//-------------------------------

body{
  color:$primary-text-color;
}


//容器背景色
.content-container{
  background-color: $universally-background-color;
}

//列表间间隔距离
.li-space{
  margin-bottom: $list-linespacing-height !important;
  border-bottom: none !important;
}


//列表背景色
.li-bg-color{
  background-color: $list-background-color;
}

// .tab-title.ng-binding{
//   font-size: 10px;
//   position: relative;
//   top: -7px;
// }

// .tab-item .icon {
//   height: 11px !important;
// }

//每个页面底部留出60px ,为 bubble-menu留出位置;
.scroll-content .scroll{
  padding-bottom:60px;
}

//复选框颜色
.checkbox input:checked+.checkbox-icon:before, .checkbox input:checked:before{
  background-color: #0071ff;
  border-color: #0071ff;
}

textarea{
  -webkit-appearance: none;
}